 .header-wap {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 80px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 0 15px;
 	box-sizing: border-box;
 	z-index: 1000;
 	transition: all 0.3s ease;
 	background-color: transparent;
 }

 .header-left,
 .header-right {
 	display: flex;
 	align-items: center;
 	height: 100%;
 }

 /* 滚动后的样式 */
 .header-wap.scrolled {
 	background-color: white;
 	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 /* 默认显示的logo和图标 */
 .logo-default,
 .menu-icon-default {
 	display: block !important;
 }

 /* 滚动后显示的logo和图标 */
 .logo-scrolled,
 .menu-icon-scrolled {
 	display: none !important;
 }

 /* 滚动状态下的显示切换 */
 .header-wap.scrolled .logo-default,
 .header-wap.scrolled .menu-icon-default {
 	display: none !important;
 }

 .header-wap.scrolled .logo-scrolled,
 .header-wap.scrolled .menu-icon-scrolled {
 	display: block !important;
 }